$(function () {
    // 所有输入框获取焦点时边框变绿
    $(".hxr_personal_box input").focus(function () {
        $(this).css("border","1px solid #00C758")
    }).blur(function () {
        $(this).css("border","1px solid #DDDDDD")
    });

    // 更改手机号
    $(".hxr_phone_update_btn").click(function () {
        $("#hxr_phone_update").val($(".hxr_phonenumber").html());
        $(".hxr_phone_update_box").show();
        $("#hxr_phone_view").hide();
    });
    $("#hxr_btn_savephone").click(function () {
        // $("#hxr_phone_update").val($(".hxr_phonenumber").html());
        $(".hxr_phonenumber").html($("#hxr_phone_update").val());
        $("#hxr_phone_view").show();
        $(".hxr_phone_update_box").hide();

    });


    // --------------个人简介
    // 如果没有个人简介不提示字数
    if ($("#hxr_selfinfo").val().length<1)
    {
        $(".hxr_info_tip").hide()
    }else{
        $(".hxr_info_tip").show()
    }
    var length=80-$(this).val().length;
    // 计算个人简介的输入字数
    $("#hxr_selfinfo").keyup(function () {
        $(".hxr_info_tip").show();
        length=80-$(this).val().length;

        if (length<0){
            $(this).css("border","1px solid red")
            $(".hxr_info_tip").html("超出字数")
        }else{
            $(this).css("border","1px solid #00C758")
            $(".hxr_info_tip").html("还可以输入"+length+"个字")
        }
    })
    $("#hxr_selfinfo").blur(function () {
        if ($("#hxr_selfinfo").val().length===0)
        {
            $(".hxr_info_tip").hide()
        }
    })
    $("#hxr_selfinfo").focus(function () {
        if (length<0){
            $(this).css("border","1px solid red")
        }else {
            $(this).css("border", "1px solid #00C758")
        }
    }).blur(function () {
        if (length<0){
            $(this).css("border","1px solid red")
        }else{
            $(this).css("border","1px solid #DDDDDD")
        }
    });
});
$(function () {
    $("#hxr_btn_save").click(function () {
        var username=$("#hxr_username_input").val();
        var realname=$("#hxr_realname_input").val();
        var gender=$(":radio[name='Gender']:checked").val();
        var age=$("#hxr_age_input").val();
        var selfinfo=$("#hxr_selfinfo").val();
        var phonenumber=$(".hxr_phonenumber").html();
        alert(username+"\n"+realname+"\n"+gender+"\n"+age+"\n"+phonenumber+"\n"+selfinfo)
    });
    function Check() {

    }
});